<template>
  <div class="forgetpassword">
    <el-form
      :model="ruleForm"
      :rules="rules"
      ref="ruleForm"
      label-width="100px"
      class="demo-ruleForm"
    >
      <h2>忘记密码</h2>
      <p>我们会向您发送电子邮件以重置您的密码</p>
      <el-input placeholder="输入邮箱" v-model="ruleForm.email" clearable></el-input>
      <el-button>确定</el-button>
      <p>登录</p>
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      ruleForm: {
        email: '',
      },
      rules: {
        email: [
          { required: true, message: "请输入账户", trigger: "blur" },
          { min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" }
        ],
      }
    };
  }
};
</script>

<style>
</style>